@import "util";
@import "../common/rem";
.date-picker-container {
  position: relative;
  width:100%;
  .px2rem(height, 550);
  .px2px(font-size,28);
  color:#C3C7C9;
  .date-picker-swiper {
    position: relative;
    height:100%;
    width:100%;
    -webkit-transition: 300ms;
    transition: 300ms;
  }
  .date-picker-title {
    color:#969696;
  }
  .date-picker-enable {
    color:#2d2d2d;
  }
  .date-picker-row {
      .px2rem(margin-bottom, 16);
  }
  .no-flag {
    span {
      border:4px solid rgba(255, 255, 255, 0);
    }

  }
  .has-flag {
    span {
      color:#2d2d2d;
      border:4px solid #12D290;
    }

  }
  span {
    display: inline-block;
    .px2rem(width, 62);
    .px2rem(height, 62);
    .px2rem(line-height, 62);
    text-align: center;
    border-radius: 50%;
  }
  .active {
    span {
      color:#fff !important;
      background:#12D290;
    }

  }
  .date-picker-month {
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
  }
  .date-picker-title {

  }
  .date-picker-prev {
    .translate3d(-100%, 0 , 0);
  }
  .date-picker-next {
    .translate3d(100%, 0, 0);
  }
  .date-picker-row {
    .flex-layout();
    .flex-vertical();
    text-align: center;
    .px2px(font-size,30);

  }
  .date-picker-cell {
    .flex(1);
    width:0;
  }
}
